// 以颜色为命名
// 文字c-fff
// 背景c-b-fff
$color-black:
  (fff, #fff),
  (000, #000),
  (333, #333),
  ('00374D', #00374D),
  ('034C63', #034C63),
  ('879B3D', #879B3D),
  ;
@each $n, $c in $color-black {
  .c-b-#{$n} {
    background-color: $c !important;
  }
  .c-#{$n} {
    color: $c !important;
  }
}

// 文本大小 font-12 - font-90 （实际有效24以上）
@for $i from 0 through 40 {
	.font-#{$i * 2 + 10} {
		font-size: 10rpx + $i * 2rpx;
	}
}

.font-B {
  font-family: 'Bold';
}
.font-M {
  font-family: 'Medium';
}
.font-R {
  font-family: 'Regular';
}
.font-H {
  font-family: 'Heavy';
}
.font-BS {
  font-family: 'Bahnschrift';
}

// margin 5 - 100
@for $i from 0 through 20 {
	.margin-#{$i * 5} {
		margin: $i * 5rpx;
	}
	.margin-t#{$i * 5} {
		margin-top: $i * 5rpx;
	}
	.margin-b#{$i * 5} {
		margin-bottom: $i * 5rpx;
	}
	.margin-l#{$i * 5} {
		margin-left: $i * 5rpx;
	}
	.margin-r#{$i * 5} {
		margin-right: $i * 5rpx;
	}
}
// padding 5 - 100
@for $i from 0 through 20 {
	.padding-#{$i * 5} {
		padding: $i * 5rpx;
	}
	.padding-t#{$i * 5} {
		padding-top: $i * 5rpx;
	}
	.padding-b#{$i * 5} {
		padding-bottom: $i * 5rpx;
	}
	.padding-l#{$i * 5} {
		padding-left: $i * 5rpx;
	}
	.padding-r#{$i * 5} {
		padding-right: $i * 5rpx;
	}
}

.margin-center {
	margin: 0 auto;
}

.jh-text {
	&-left {
		text-align: left;
	}
	&-right {
		text-align: right;
	}
	&-center {
		text-align: center
	}
}
.jh-flex {
	display: flex;
}
.jh-flex-item {
	flex: 1;
}
.jh-line-height {
	line-height: 1;
}
.jh-space-between {
	display: flex;
	justify-content: space-between;
}
.jh-space-around {
	display: flex;
	justify-content: space-around;
}
.jh-align-center {
	display: flex;
	align-items: center;
}
.jh-align-baseline {
	display: flex;
	align-items: baseline;
}
.jh-flex-center{
	display: flex;
	justify-content: center;
	align-items: center;
}

.jh-row {
	display: flex;
	flex-direction: row;
}
.jh-column {
	display: flex;
	flex-direction: column;
}
.jh-center {
	display: flex;
	justify-content: center;
}
.jh-inline-item {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.jh-flex-wrap{
  flex-wrap: wrap;
}
.shadow-type1{
	box-shadow:0px 5rpx 24rpx 0px rgba(207,172,132,0.47);
}
.jh-ellipsis{
  /* #ifdef APP-NVUE */
  lines: 1;
  text-overflow: ellipsis;
  /* #endif */
  /* #ifndef APP-NVUE */
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  /* #endif */
}